<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 网站关键字描述 -->
    <meta name="keywords" content="这个是网站的关键字描述">
    <!-- 网站的描述，主要是做SEO的吧应该 -->
    <meta name="description" content="这个是网站的描述">
    <title>基本标签的练习</title>
</head>
<body>
    <!-- 块级 标题标签 -->
    <h1>北京欢迎你的一级标题</h1>
    <h2>北京欢迎你的er级标题</h2>
    <!-- 段落标签  字体加粗标签 -->
    <p>
        <em>（2008年北京奥运会主题歌）</em>
        &copy; 北京奥委会 &nbsp;&nbsp;加两个空格
    </p>
    <!-- 一条横线 -->
    <hr/>
    迎接另一个晨曦 带来全新空气（陈天佳）<br/>
    <p>

    气息改变情味不变 茶香飘满情谊（刘欢）<br/>
    我家大门常打开 开放怀抱等你（那英）<br>
    拥抱过就有了默契 你会爱上这里（孙燕姿）<br>
    不管远近都是客人 请不用客气（孙悦）<br/>
    相约好了在一起 我们欢迎你（王力宏）<br/>
    我家种着万年青 开放每段传奇（韩红）<br/>
    
    </p>
    为传统的土壤播种 为你留下回忆（周华健）<br>
    陌生熟悉都是客人 请不用拘礼 （梁咏琪）<br>
    第几次来没关系 有太多话题（羽泉）<br>
    北京欢迎你 为你开天辟地（成龙）<br>
    流动中的魅力充满着朝气（任贤齐）<br>
    北京欢迎你 在太阳下分享呼吸（蔡依林）<br/>
    在黄土地刷新成绩（孙楠）<br/>
    我家大门常打开 开怀容纳天地（周笔畅）<br/>
    岁月绽放青春笑容 迎接这个日期（韦唯）<br/>
    天大地大都是朋友 请不用客气（黄晓明）<br/>
    

    <!-- 图片 -->
    <!--
    src： 资源图片 ： 图片的路径
    alt： 图片加载失败，表示图片的问题，也即图片描述
    title： 鼠标放在图片上的悬浮提示
    width： 宽
    height：高
    -->
    <img src="../image/123.jpg" alt="加载不出来替代的文字" title="鼠标悬停的文字" width="100px" height="100px">
    <p>
        <!-- 超链接 -->
        <!-- 
            超链接：表示从一个地方跳转到另外一个地方  hao123导航

            href：要跳转地址
            target： 目标打开的窗口，在自己这个当前页面打开，还是在新的页面打开
            _self : 在自己的窗口打开
            _blank： 在新窗口中打开

            和图片嵌套使用
         -->
         
        <a href="../htmlfile/静夜思.html" target="_blank"><strong><em>跳转链接</em></strong> 
        
            <img src="../image/123.jpg" alt="这是一个图片" width="150px" height="150px">
        </a>
        <a href="https://www.baidu.com" target="_self">
            <img src="../image/123.jpg" alt="图片替代文字">
        </a>
    </p>

    <a href="mailto:738279910@qq.com">跳转到邮件</a>


    <!-- 声明无序列表 Unordered list -->
    <ul>
        <li>222</li>
        <li>333</li>
        <li>555</li>
        <li>777</li>
        <li>999</li>
    </ul>

    <!-- 有序列表 order list -->
    <ol>
        <li>111</li>
        <li>111</li>
        <li>111</li>
        <li>111</li>
    </ol>
    <!-- 自定义列表 default list -->
    <dl>
        <dt>
            这个是列表项
        </dt>
        <!-- 列表内容 -->
        <dd>111</dd>
        <dd>111</dd>
        <dd>111</dd>
        <dd>111</dd>
    </dl>
    
</body>
</html>